<template>
  <div class="box">
    <p>
      <span>用户名：</span>
      <span><input type="text" placeholder="输入用户名"/></span>
    </p>
    <p>
      <span>密 &nbsp;&nbsp;&nbsp;码：</span>
      <span><input type="text" placeholder="输入密码"/></span>
    </p>
    <button>确定</button>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.box {
  margin-top: 0.5rem;
  margin-left: 0.5rem;
}
.box p:nth-child(2) {
  margin-top: 0.3rem;
}
button {
  width: 2rem;
  height: 0.4rem;
  margin-top: 0.3rem;
  margin-left: 0.35rem;
  border-radius: 0.2rem;
  outline: none;
}
</style>